<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <head>
        <title>结算周期</title>
        <div data-th-replace="layout/head"></div>
    </head>
    <body class="   pace-done pace-done">
        <header class="bar bar-nav">
            <a class="button button-link button-nav pull-left goBack" href="javascript:history.back();">
                <span class="iconfont icon-fanhui"></span>
            </a>
            <h1 class="title title-white">结算周期</h1>
        </header>
        <div class="content wm-content order-content of">
            <div class="u-account-head__wrap" style="background-color: transparent;height: auto;">
                <div class="list-block pb5 no-mt">
                    <ul>
                        <li class="item-content">
                            <div class="item-inner">
                                <section class="text-center uExtension-flex-wrap">
                                    <span class="fs4 c-888">结算总收益</span>
                                    <br>
                                    <b class="c-orange" th:text="${settlement['balancePrice']}"></b>
                                </section>
                            </div>
                            <div class="item-inner">
                                <section class="text-center uExtension-flex-wrap">
                                    <span class="fs4 c-888">推广收益</span>
                                    <br>
                                    <b class="c-333" th:text="${settlement['spreadPrice']}"></b>
                                </section>
                            </div>
                            <div class="item-inner">
                                <section class="text-center uExtension-flex-wrap">
                                    <span class="fs4 c-888">奖励金收益</span>
                                    <br>
                                    <b class="c-333"th:text="${settlement['rewardPrice']}"></b>
                                </section>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="page-infinite__wrap" style="height: auto;top: 2.7rem;">
                <div class="page-group">
                    <div id="page-infinite-scroll-bottom" class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type="native" data-distance="100">
                            <div class="pt5">
                                <div class="card-content this-topic-info">
                                    <div class="pt5 pb5 pl5 pr5">
                                        <i class="iconfont icon-shouyi c-orange vam"></i>
                                        <span class="fs6 c-888 vam" th:text="'申请时间 '+ ${settlement['createTime']} + ' 结算第'"></span>
                                        <b class="fs7 c-orange vam" th:text="${settlement['cycleNum']}"></b>
                                        <span class="fs6 c-888 vam">期</span>
                                        <span class="free-tag" th:if="${settlement['status']==1}">审核中</span>
                                        <section class="pt5">
                                            <span class="c-666 fs7">结算周期内的收益明细列表</span>
                                        </section>
                                    </div>
                                    <input type="hidden" id="settlementId" th:value="${settlement['id']}"/>
                                    <div class="list-block no-mt">
                                        <ul class="uAccount-list" id="settlementDetail-list-box">

                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div data-th-replace="layout/footer"></div>
        <script type="text/javascript" th:src="@{{path}/front/mobile/business/agent/settlement/agent-settlement-info.js?v={v}(path=${staticPath},v=${v})}"></script>
    </body>
</html>